.el-message-box {
  background: var(--drop-down-color) !important;
  border: 1px solid var(--light-blue-color);
  margin: 0 auto !important;
}

.el-message-box__header {
  background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
  border-bottom: 1px solid var(--light-blue-color);
  padding: 10px 20px;

  background-size: 100% 100% !important;

  .el-icon-close::before {
    color: #fff;
  }

  .el-message-box__headerbtn {
    top: 10px !important;
  }
}

.el-message-box__title {
  color: var(--light-blue-color);
  font-size: 14px;
}

.el-message-box__content {
  color: rgba(255, 255, 255, 0.9);
  padding: 0 10px;
  margin: 20px;
  text-align: left;
  font-size: 14px;
}

.el-message-box__status + .el-message-box__message {
  color: rgba(255, 255, 255, 0.7);
}

.el-message-box__headerbtn .el-message-box__close {
  color: rgba(255, 255, 255, 0.5);
}

.el-message-box__btns {
  .el-button--default {
    border: 1px solid rgba(255, 255, 255, 0.5);
    // border-radius: 0;
    color: var(--white-opacity7) !important;
    background: transparent !important;
    border-radius: 4px;
  }

  .el-button--primary {
    background: var(--primary-btn) !important;
    border-radius: 0;
    border: unset !important;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
  }
}